.ict-control-playback{position:absolute;top:100px;right:50px;width:312px;height:140px;padding:10px;border-radius:6px;background-color:#244474;z-index: 1000;}
.ict-control-playback{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.ict-control-playback .playback-operation{vertical-align: middle;cursor:pointer;padding-bottom: 20px;}
.ict-control-playback ul{list-style: none;margin:0;padding:0;clear:both;}
.ict-control-playback ul:before,.ict-control-playback ul:after{display: table;content: " ";clear:both;}
.ict-control-playback .playback-operation>ul>li{position: relative;width:28px;height:28px;display: block;float: left;text-align:center;margin-right:10px;}
.ict-control-playback .playback-operation>ul>li.item-speed{background-color: #d8e7fb; border-radius: 10px; font-family: "Microsoft YaHei"; font-size: 12px; color: #244474; font-weight: bold;width:auto;min-width:28px;max-width:128px;}
.ict-control-playback .playback-operation>ul>li.item-speed>span{line-height: 28px;}
.ict-control-playback .playback-operation>ul>li.item-close{float:right;}
.ict-control-playback .playback-operation>ul>li.item-close>img{margin-top:9px;}

.ict-control-playback .playback-scrollbar{position:relative;width:100%;border-radius: 4px;background-color:#23559c;}
.ict-control-playback .playback-scrollbar>ul{padding:5px;}
.ict-control-playback .playback-scrollbar>ul>li{font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#d8e7fb;}
.ict-control-playback .playback-scrollbar>ul>li.item-time>.startTime{float:left;}
.ict-control-playback .playback-scrollbar>ul>li.item-time>.endTime{float:right;}
.ict-control-playback .playback-scrollbar>ul>li.item-scroll>.range{width:100%;cursor: pointer;}
.ict-control-playback .playback-scrollbar>ul>li.item-curtime{text-align: center;}

/*自定义滑块样式*/

/*去除系统默认的样式*/
input[type=range]{
    -webkit-appearance:none;
    border-radius: 10px;
    background: -webkit-linear-gradient(#059CFA, #059CFA) no-repeat;
    background-size: 0% 100%;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}   

/*给滑动轨道(track)添加样式*/
input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 6px; /*将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}

input[type=range]:focus { /*原始的控件获取到焦点时，会显示包裹整个控件的边框，所以还需要把边框取消。*/
    outline: none;
}

/*给滑块(thumb)添加样式*/
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-top: -4px; /*使滑块超出轨道部分的偏移量相等,计算方法：-(h2/2-h1/2)*/
    background: #059CFA; 
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
}


